<%@ page pageEncoding="UTF-8" %>
<%@ page import="buscar.Materia" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:set var="entityName" value="${message(code: 'materia.label', default: 'Materia')}" />
        <title><g:message code="default.show.label" args="[entityName]" /></title>
        <style>
        .body{width: 40%; margin:10px;	padding:10px; background:#ccc;
        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
        h2{padding-bottom:10px; text-align:center;}
        p{font: 12px cursive;text-align: justify; }
        #picture{float:left; padding-right:10px;}
        </style>
    </head>
    <body>
        <div class="nav">
            <span class="menuButton"><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></span>
            <span class="menuButton"><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]" /></g:link></span>
            <span class="menuButton"><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></span>
        </div>
        <div class="body">
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
            <div class="dialog">
                            <h2>${fieldValue(bean: materiaInstance, field: "titulo")}</h2>
                            <div id="picture">
                       		<img src="/buscar/images/materia/${fieldValue(bean: materiaInstance, field: "imagem")}"/>
                       		</div>
                            <p>${fieldValue(bean: materiaInstance, field: "conteudo")}</p>
            </div>
        </div>
    </body>
</html>
